<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>管理系统</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="../src/images/favicon.ico"/>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <!-- Typography CSS -->
    <link rel="stylesheet" href="../src/css/typography.css">
    <!-- Style CSS -->
    <link rel="stylesheet" href="../src/css/style.css">
    <!-- Responsive CSS -->
    <link rel="stylesheet" href="../src/css/responsive.css">
</head>
<body class="header-top-bg">
<!-- loader Start -->
<div id="loading"></div>
<!-- loader END -->
<!-- Wrapper Start -->
<div class="wrapper">
    <!-- 左边栏  -->
    <div class="iq-sidebar">
        <div class="iq-sidebar-logo d-flex justify-content-between">
            <a href="index.html">
                <img src="../src/images/logo.gif" class="img-fluid" alt="">
                <span>DaLao</span>
            </a>
            <div class="iq-menu-bt align-self-center">
                <div class="wrapper-menu">
                    <div class="line-menu half start"></div>
                    <div class="line-menu"></div>
                    <div class="line-menu half end"></div>
                </div>
            </div>
        </div>

        <div id="sidebar-scrollbar">
            <div id="menu"></div>
            <div class="p-3"></div>
        </div>
    </div>
    <!-- TOP Nav Bar -->
    <div class="iq-top-navbar">
        <div class="iq-navbar-custom">
            <div class="iq-sidebar-logo">
                <div class="top-logo">
                    <a href="index.html" class="logo">
                        <img src="../src/images/logo.gif" class="img-fluid" alt="">
                        <span>Dalao</span>
                    </a>
                </div>
            </div>
            <div class="navbar-breadcrumb">
                <h5 class="mb-0">仪表板</h5>
                <nav aria-label="breadcrumb">
                    <ul class="breadcrumb">
                        <li class="breadcrumb-item"><a href="index.html">主页</a></li>
                        <li class="breadcrumb-item active" aria-current="page">资讯主页1</li>
                    </ul>
                </nav>
            </div>
            <div id="navigation"></div>
        </div>
    </div>
    <!-- TOP Nav Bar END -->
    <!-- Page Content  -->
    <div id="content-page" class="content-page">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card overflow-hidden">
                        <div class="iq-card-body">
                            <div class="text-center mb-2">
                                <div class="rounded-circle iq-card-icon iq-bg-primary"><i class="ri-user-line"></i>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="text-center">
                                <h2 class="mb-0"><span class="counter">74.5</span><span>K</span></h2>
                                <h6 class="mb-2">用户</h6>
                                <p class="mb-0 text-secondary line-height"><i
                                        class="ri-arrow-up-line text-success mr-1"></i><span
                                        class="text-success">10%</span> 增加</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card overflow-hidden">
                        <div class="iq-card-body">
                            <div class="text-center mb-2">
                                <div class="rounded-circle iq-card-icon iq-bg-danger"><i class="ri-search-2-line"></i>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="text-center">
                                <h2 class="mb-0"><span class="counter">95.5</span><span>K</span></h2>
                                <h6 class="mb-2">会议</h6>
                                <p class="mb-0 text-secondary line-height"><i
                                        class="ri-arrow-up-line text-success mr-1"></i><span
                                        class="text-success">22%</span> 增加</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card overflow-hidden">
                        <div class="iq-card-body">
                            <div class="text-center mb-2">
                                <div class="rounded-circle iq-card-icon iq-bg-success"><i class="ri-drizzle-line"></i>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="text-center">
                                <h2 class="mb-0"><span class="counter">5.2</span><span>K</span></h2>
                                <h6 class="mb-2">弹跳率</h6>
                                <p class="mb-0 text-secondary line-height"><i
                                        class="ri-arrow-up-line text-success mr-1"></i><span
                                        class="text-success">8%</span> 增加</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card overflow-hidden">
                        <div class="iq-card-body p-0"
                             style="background: url(../src/images/page-img/01.png) no-repeat scroll center center; background-size: contain; min-height: 202px;">
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="iq-card overflow-hidden">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">费用 </h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                                 <span class="dropdown-toggle" id="dropdownMenuButton01" data-toggle="dropdown"
                                       aria-expanded="false" role="button">
                                 <i class="ri-more-2-fill"></i>
                                 </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton01" style="">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="iq-card-body pl-0">
                            <div id="home-chart-1" style="height: 380px;"></div>
                        </div>

                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">设备</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                                 <span class="dropdown-toggle" id="dropdownMenuButton02" data-toggle="dropdown"
                                       aria-expanded="false" role="button">
                                 <i class="ri-more-2-fill"></i>
                                 </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton02" style="">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body p-0">
                            <div id="bar-chart-6" style="min-height: 304px;"></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-lg-3">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">服务器历史记录</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                                 <span class="dropdown-toggle text-primary" id="dropdownMenuButton03"
                                       data-toggle="dropdown">
                                 <i class="ri-more-2-fill"></i>
                                 </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton03">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <div id="home-pie-chart" style="height: 105px;"></div>
                            <div class="d-flex align-items-center justify-content-between mt-4 mb-4">
                                <div class="student-data">
                                    <h6 class="">美国数据</h6>
                                    <div class="">45,000</div>
                                </div>
                                <div class="student-data">
                                    <h6 class="">亚洲数据</h6>
                                    <div class="">60,000</div>
                                </div>
                            </div>
                        </div>
                        <div id="bar-chart-12"></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">维护任务</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="tasks-lists m-0 p-0">
                                <li class="d-flex justify-content-between mb-3 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-1">
                                        <label class="custom-control-label" for="task-1">准备 演示</label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-3 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-2" checked="">
                                        <label class="custom-control-label" for="task-2">
                                            <del>创建发票</del>
                                        </label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-3 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-3">
                                        <label class="custom-control-label" for="task-3">打印文档</label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-3 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-4">
                                        <label class="custom-control-label" for="task-4">团队会议 Saguarday公司</label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-3 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-5" checked="">
                                        <label class="custom-control-label" for="task-5">
                                            <del> 午餐我们的新产品</del>
                                        </label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-2 align-items-center">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input" id="task-6">
                                        <label class="custom-control-label" for="task-6">已发送会议电子邮件</label>
                                    </div>
                                    <div class="font-size-18">
                                        <i class="ri-close-circle-line"></i>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">时间表</h4>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="schedule-lists m-0 p-0">
                                <li class="d-flex justify-content-between mb-4 align-items-center">
                                    <div class="media-support-info">
                                        <h6 class="mb-2">使用Ruby进行Skype通话</h6>
                                        <p class="mb-0"><span class="badge badge-primary">上午11:45 </span> 中国</p>
                                    </div>
                                    <div class="team-group">
                                        <div class="iq-media-group">
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/05.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/06.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-4 align-items-center">
                                    <div class="media-support-info">
                                        <h6 class="mb-2">与团队会面</h6>
                                        <p class="mb-0"><span class="badge badge-info">上午10:30</span> 美国</p>
                                    </div>
                                    <div class="team-group">
                                        <div class="iq-media-group">
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/05.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/06.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/07.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/08.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-4 align-items-center">
                                    <div class="media-support-info">
                                        <h6 class="mb-2">客户数据分析</h6>
                                        <p class="mb-0"><span class="badge badge-warning text-white">下午02:00</span> 非洲
                                        </p>
                                    </div>
                                    <div class="team-group">
                                        <div class="iq-media-group">
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/05.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/06.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                                <li class="d-flex justify-content-between mb-4 align-items-center">
                                    <div class="media-support-info">
                                        <h6 class="mb-2">团队会议</h6>
                                        <p class="mb-0"><span class="badge badge-success">上午03:30</span> 澳大利亚</p>
                                    </div>
                                    <div class="team-group">
                                        <div class="iq-media-group">
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/05.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/06.jpg" alt="">
                                            </a>
                                            <a href="#" class="iq-media">
                                                <img class="img-fluid avatar-40 rounded-circle"
                                                     src="../src/images/user/07.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="iq-card">
                        <div class="iq-card-body bg-primary rounded">
                            <div class="d-flex align-items-center">
                                <div class="col-md-8">
                                    <p class="text-white">应付金额</p>
                                    <h2 class="text-white"> ¥5050.90 </h2>
                                    <h6 class="text-white"> 里程碑已完成 </h6>
                                    <div class="text-white"> 下周付款</div>
                                </div>
                                <div class="col-md-4 chart-icon text-center">
                                    <i class="ri-bar-chart-grouped-line font-size-40 text-white"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="iq-card">
                        <div class="iq-card-body">
                            <div class="d-flex align-items-center justify-content-between mb-3">
                                <div class="revenue-desc">
                                    <h6>会员利润</h6>
                                    <p class="font-weight-light mb-0">平均周利润</p>
                                </div>
                                <div class="revenue-amount">
                                    <p class="text-primary mb-0"> +168.900 </p>
                                </div>
                            </div>
                            <hr>
                            <div class="d-flex align-items-center justify-content-between mb-3">
                                <div class="revenue-desc">
                                    <h6>利润总额</h6>
                                    <p class="font-weight-light mb-0">每周客户订单</p>
                                </div>
                                <div class="revenue-amount">
                                    <p class="text-primary mb-0"> +168.900 </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">活动</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                                 <span class="dropdown-toggle text-primary" id="dropdownMenuButton04"
                                       data-toggle="dropdown">
                                 全部视图
                                 </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton04">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body">
                            <ul class="iq-timeline">
                                <li>
                                    <div class="timeline-dots"></div>
                                    <h6 class="float-left mb-1">客户端登录</h6>
                                    <small class="float-right mt-1">2019年11月24日</small>
                                    <div class="d-inline-block w-100">
                                        <p>棒棒糖 杏仁饼 果冻 豆子 口香糖 熊果冻 棒棒糖 苹果</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots border-success"></div>
                                    <h6 class="float-left mb-1">定期维护</h6>
                                    <small class="float-right mt-1">2019年11月23日</small>
                                    <div class="d-inline-block w-100">
                                        <p>棒棒糖 杏仁饼 果冻 豆子 口香糖 熊果冻 棒棒糖 苹果</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots border-primary"></div>
                                    <h6 class="float-left mb-1">客户电话</h6>
                                    <small class="float-right mt-1">2019年11月19日</small>
                                    <div class="d-inline-block w-100">
                                        <p>棒棒糖 杏仁饼 果冻 豆子 口香糖 熊果冻 棒棒糖 苹果</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="timeline-dots border-warning"></div>
                                    <h6 class="float-left mb-1">大型活动</h6>
                                    <small class="float-right mt-1">2019年11月15日</small>
                                    <div class="d-inline-block w-100">
                                        <p>棒棒糖 杏仁饼 果冻 豆子 口香糖 熊果冻 棒棒糖 苹果</p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="iq-card">
                        <div class="iq-card-header d-flex justify-content-between">
                            <div class="iq-header-title">
                                <h4 class="card-title">服务器历史记录</h4>
                            </div>
                            <div class="iq-card-header-toolbar d-flex align-items-center">
                                <div class="dropdown">
                                 <span class="dropdown-toggle text-primary" id="dropdownMenuButton05"
                                       data-toggle="dropdown">
                                 <i class="ri-more-2-fill"></i>
                                 </span>
                                    <div class="dropdown-menu dropdown-menu-right"
                                         aria-labelledby="dropdownMenuButton05">
                                        <a class="dropdown-item" href="#"><i class="ri-eye-fill mr-2"></i>视图</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-delete-bin-6-fill mr-2"></i>删除</a>
                                        <a class="dropdown-item" href="#"><i class="ri-pencil-fill mr-2"></i>编辑</a>
                                        <a class="dropdown-item" href="#"><i class="ri-printer-fill mr-2"></i>打印</a>
                                        <a class="dropdown-item" href="#"><i
                                                class="ri-file-download-fill mr-2"></i>下载</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="iq-card-body pb-0">
                            <div class="table-responsive">
                                <table class="table mb-0 table-borderless">
                                    <thead>
                                    <tr>
                                        <th scope="col">服务器ID</th>
                                        <th scope="col">开始时间</th>
                                        <th scope="col">上次重新启动</th>
                                        <th scope="col">状态</th>
                                        <th scope="col">端口</th>
                                        <th scope="col">利用率</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td>#0879985</td>
                                        <td>2019/12/26</td>
                                        <td>2019/12/30</td>
                                        <td>
                                            <div class="badge badge-pill badge-success">运行</div>
                                        </td>
                                        <td>维多利亚8007澳大利亚</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-success" data-percent="90"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0879984</td>
                                        <td>2019/12/23</td>
                                        <td>2019/12/27</td>
                                        <td>
                                            <div class="badge badge-pill badge-warning text-white">启动</div>
                                        </td>
                                        <td>雅典2745希腊</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-warning" data-percent="70"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0879983</td>
                                        <td>2019/12/18</td>
                                        <td>2019/12/21</td>
                                        <td>
                                            <div class="badge badge-pill badge-danger">停止</div>
                                        </td>
                                        <td>维多利亚8007澳大利亚</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-danger" data-percent="48"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0879982</td>
                                        <td>2019/12/14</td>
                                        <td>2019/12/20</td>
                                        <td>
                                            <div class="badge badge-pill badge-info">维护</div>
                                        </td>
                                        <td>德里0014印度</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-info" data-percent="90"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0879981</td>
                                        <td>2019/12/10</td>
                                        <td>2019/12/18</td>
                                        <td>
                                            <div class="badge badge-pill badge-success">运行</div>
                                        </td>
                                        <td>美国阿拉巴马2741</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-success" data-percent="45"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0879981</td>
                                        <td>2019/12/13</td>
                                        <td>2019/12/23</td>
                                        <td>
                                            <div class="badge badge-pill badge-primary">停止</div>
                                        </td>
                                        <td>维多利亚8007澳大利亚</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-primary" data-percent="80"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#01258569</td>
                                        <td>2019/12/20</td>
                                        <td>2019/12/29</td>
                                        <td>
                                            <div class="badge badge-pill badge-warning text-white">启动</div>
                                        </td>
                                        <td>雅典2745希腊</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-warning" data-percent="55"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>#0825685</td>
                                        <td>2019/12/12</td>
                                        <td>2019/12/22</td>
                                        <td>
                                            <div class="badge badge-pill badge-danger">停止</div>
                                        </td>
                                        <td>维多利亚8007澳大利亚</td>
                                        <td>
                                            <div class="iq-progress-bar">
                                                <span class="bg-danger" data-percent="60"></span>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Wrapper END -->
<div id="bottom"></div>
</body>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="../src/js/jquery.min.js"></script>
<script src="../src/js/popper.min.js"></script>
<script src="../src/js/bootstrap.min.js"></script>
<!-- Appear JavaScript -->
<script src="../src/js/jquery.appear.js"></script>
<!-- Countdown JavaScript -->
<script src="../src/js/countdown.min.js"></script>
<!-- Counterup JavaScript -->
<script src="../src/js/waypoints.min.js"></script>
<script src="../src/js/jquery.counterup.min.js"></script>
<!-- Wow JavaScript -->
<script src="../src/js/wow.min.js"></script>
<!-- Apexcharts JavaScript -->
<script src="../src/js/apexcharts.js"></script>
<!-- Select2 JavaScript -->
<script src="../src/js/select2.min.js"></script>
<!-- Owl Carousel JavaScript -->
<script src="../src/js/owl.carousel.min.js"></script>
<!-- Magnific Popup JavaScript -->
<script src="../src/js/jquery.magnific-popup.min.js"></script>
<!-- Smooth Scrollbar JavaScript -->
<script src="../src/js/smooth-scrollbar.js"></script>
<!-- lottie JavaScript -->
<!--<script src="js/lottie.js"></script>-->
<!-- Chart Custom JavaScript -->
<script src="../src/js/chart-custom.js"></script>
<!-- Custom JavaScript -->
<script src="../src/js/custom.js"></script>
<!--  vue  -->
<script src="../src/js/vue.js"></script>
<script>
    $(function () {
        $("#menu").load("menus.html");
        $("#navigation").load("navigation-bar.html");
        $("#bottom").load("bottom-bar.html");
        $(".apexcharts-menu-item:eq(0)").text("下载 SVG").css("width", "80%");
        $(".apexcharts-menu-item:eq(1)").text("下载 PNG").css("width", "84%");
        $(".apexcharts-legend-text[rel=\"1\"]").text("系列1");
        $(".apexcharts-legend-text[rel=\"2\"]").text("系列2");
        $(".apexcharts-tooltip-text-label").text("系列1");
    });
</script>
</html>
